<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#div1{
				width: 100px;
				height: 100px;
				background: red;
			}
		</style>
	</head>
	<body>
		
		<div id="div1">
			div1
		</div>
		<input type="text" name="password" id="password" value="" />
		<script type="text/javascript">
			$(function(){
				/*$("#div1").mouseout(function(){
					$(this).css("background","indianred");
				});
				$("[type='text']").keyup(function(){
					$(this).val("抬起");
				}).keydown(function(){
					$(this).val("按下");
				}).keypress(function(){
					$(this).val("输入字符");
				});
				$(document).keydown(function(even){
					if(even.keyCode==13){
						alert("回车");
					}
				});
				
				$(window).resize(function(){
				    alert('调整大小');
				});*/
				
				
				//绑定事件
				/*$("#div1").bind({
					click:function(){
						$(this).css("background","#FFFF00");
					},
					mouseover:function(){
						$(this).css("background","black");
					},
					mouseout:function(){
						$(this).css("background","red");
					}
				
				});
				
				$("#div1").unbind("click");*/
				
				//toggle
				/*$("#div1").toggle(function(){
					$("input").css("background","red");
				},function(){
					$("input").css("background","green");
				},function(){
					$("input").css("background","black");
				}
				
				);*/
			/*	$("#div1").hide(1000,function(){
					alert("隐藏完毕");
				})
				$("#div1").show(1000,function(){
					alert("显示完毕");
				})*/
				//$("#div1").hide();
				$("#div1").slideUp(1000);
				//$("#div1").slideDown(1000);
				
				
			})
		</script>
	</body>
</html>
